body{
	background: url(../images/background.png) no-repeat left top;
}
.index-bg {
	width: 1280px;
	height: 720px;
	background: url(../images/background1.png) no-repeat left top;
}

.index-bg>div>img {
	height: 100%;
	width: 100%;
	transition: all .5s ease;

}

.login-bg {
	display: none;
	position: absolute;
	width: 1280px;
	height: 720px;
	background: rgba(0, 0, 0, 0.5);
	top: 0px;
	left: 0px;
}

.login-img {
	height: 300px;
	width: 300px;
	position: absolute;
	left: 477px;
	top: 180px;
}

.login-msg {
	color: white;
	font-size: 30px;
	position: relative;
	background: #8F8F8F;
	padding: 10px 50px;
	border-radius: 20px;
	text-align: center;
	width: 250px;
	top: 516px;
	margin: 0px auto;
}

.index-bg>div {
	position: absolute;
	width: 165px;
	height: 154px;
	box-sizing: border-box;
}

.index-bg>div:first-child {
	transform: scale(1.0);
	border-radius: 0px;
	top: 133px;
	left: 67px;
    width: 559px;
	height: 313px;
}

.index-bg>div:nth-child(2) {
	width: 211px;
	height: 314px;
	top: 132px;
	left: 650px;
}

.index-bg>div:nth-child(n+7) {
	width: 216px;
	height: 134px;
	top: 468px;
}


.index-bg>div:nth-child(3) {
	top: 127px;
	left: 878px;

}

.index-bg>div:nth-child(4) {
	top: 127px;
	left: 1055px;
}

.index-bg>div:nth-child(5) {
	top: 297px;
	left: 878px;
}

.index-bg>div:nth-child(6) {
	top: 297px;
	left: 1055px;
}

.index-bg>div:nth-child(7) {
	left: 60px;
}

.index-bg>div:nth-child(8) {
	left: 304px;
}

.index-bg>div:nth-child(9) {
	left: 537px;
}

.index-bg>div:nth-child(10) {
	left: 770px;
}

.index-bg>div:nth-child(11) {
	left: 1004px;
}

.model {
	box-sizing: border-box;
	border: 5px solid transparent;
	transition: all .5s ease;
}

.active {
	border-radius: 8px;
	z-index: 10;
	border: 5px solid rgb(255, 186, 57);
	transform: scale(1.15);
}


.runLight {
	width: 557px;
    height: 27px;
    position: absolute;
    top: 652px;
    left: 95px;
}

.titlest {
	display: none;
}

.runLight {
	display: block;
}